<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Sigin-Page</title>
	<link href="./css/bootstrap.min.css" rel="stylesheet">
	<link href="./css/index.css" rel="stylesheet">
</head>
<body>
	<div class="container box">
		<div class="col-md-offset-3 col-md-6">
			<div class="panel panel-default">
					<div class="panel-heading">User Sigin</div>
					<div class="panel-body">
						<form class="form-horizontal" action="./uploadMulti.do" method="post" enctype="multipart/form-data">
							<div class="form-group">
								<label class="control-label col-md-4">User Name</label>
								<div class="col-md-8">
		    						<input type="text" class="form-control" name="username" id="username">
		    					</div>
							</div>
							<div class="form-group">
								<label for="exampleInputPassd" class="control-label col-md-4">Password</label>
		    						<div class="col-md-8">
		    							<input type="password" class="form-control" name="pwd">
		    						</div>
							</div>
							<div class="form-group">
								<label for="exampleInputPassd" class="control-label col-md-4">Reput Password</label>
		    						<div class="col-md-8">
		    							<input type="password" class="form-control">
		    						</div>
							</div>
							<div class="form-group">
								<label class="control-label col-md-4">Sex</label>
								<div class="col-md-8">
									<label class="radio-inline">
										<input type="radio" name="sex" value="M">Man
									</label>
									<label class="radio-inline">
										<input type="radio" name="sex" value="F">Woman
									</label>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-md-4">Upload HeadPhoto</label>
								<div class="col-md-8">
									<input type="file" name="file" class="form-control" id="imageuploader">
								</div>
								<div class="col-md-4">
									<img alt="view" id="previewer" height="180" width="160"/>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-md-4">Hobby</label>
								<div class="col-md-8">
									<select multiple name="interests" class="well well-sm col-md-12">
										<option value="books">Book</option>
										<option value="balls">Ball</option>
										<option value="music">Music</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="control-label col-md-4">Vcode</label>
								<div class="col-md-4">
									<input type="text" name="vcode" id="vcode" class="form-control"/>
								</div>
								<div class="col-md-4">
									<img alt="vcode" src="./vcode"/>
								</div>
							</div>
							<div class="form-group">
								<div class="col-md-offset-4 col-md-4">
									<button type="submit" class="btn btn-primary btn-block">Submit</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="./javascript/register.js"></script>
</body>
</html>